<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<link rel="shortcut icon" type="image/x-icon" href="Images/wheel.jpg" />
<link rel="stylesheet" href="css/constant.css" type="text/css" />
<link rel="stylesheet" href="css/template.css" type="text/css" />
<link rel="stylesheet" href="css/virtuemart.css" type="text/css" />
<sj:head jqueryui="true" />
<div id="vmMainPage">
<h3 class='pageTitle' ><span>Thông tin
sản phẩm</span></h3>
<div class="image"><img
			src='<s:property value="wheelDetail.typesOfWheel.figure"/>'
			alt="" width="10%" height="10%" /></div>
<sj:tabbedpanel id="formTag" selectedTab="0" >
	<sj:tab id="infor" target="frmInfo" label="Chi tiết sản phẩm" />
	<sj:tab id="inforTechnology" target="frmTechnology" label="Công nghệ" />
	<sj:tab id="inforBenifit" target="frmBenifit" label="Tính năng" />
	<div id="frmInfo"  style="width: 100%">
	<table class="data-table" style="text-align: left"
		border="1px solid #bebcb7;">
		<tbody>
			<tr>
				<th
					style="padding: 5px 10px; width: 20%; height: 25px; text-align: center; font-weight: bolder; font-size: 14px">
				Mã sản phẩm</th>
				<td style="padding: 5px 10px;"><s:property
					value="wheelDetail.wheelDetailID" /></td>
			</tr>
			<tr>
				<th
					style="padding: 5px 10px; width: 20%; height: 25px; text-align: center; font-weight: bolder; font-size: 14px">
				Nhóm xe</th>
				<td style="padding: 5px 10px;"><s:property
					value="wheelDetail.typesOfWheel.typeOfAuto.typeOfAutoName" /></td>
			</tr>
			<tr>
				<th
					style="padding: 5px 10px; width: 20%; height: 25px; text-align: center; font-weight: bolder; font-size: 14px">
				Nhóm lốp</th>
				<td style="padding: 5px 10px;"><s:property
					value="wheelDetail.typesOfWheel.productName" /></td>
			</tr>
			<tr>
				<th
					style="padding: 5px 10px; width: 20%; height: 25px; text-align: center; font-weight: bolder; font-size: 14px">
				Thông tin lốp</th>
				<td style="padding: 5px 10px;">Chiều rộng lốp: <s:property
					value="wheelDetail.width" /> <br />
				Tỉ lệ: <s:property value="wheelDetail.height" /><br />
				Cấu trúc lốp: <s:property value="wheelDetail.tireStructure" /><br />
				Đường kính lazang: <s:property value="wheelDetail.diameter" /> <br />
				</td>
			</tr>
			<tr>
				<th
					style="padding: 5px 10px; width: 20%; height: 25px; text-align: center; font-weight: bolder; font-size: 14px">
				Chỉ số tải trọng</th>
				<td style="padding: 5px 10px;"><s:property
					value="wheelDetail.loads" /></td>
			</tr>
			<tr>
				<th
					style="padding: 5px 10px; width: 20%; height: 25px; text-align: center; font-weight: bolder; font-size: 14px">
				Chỉ số vận tốc</th>
				<td style="padding: 5px 10px;"><s:property
					value="wheelDetail.speed.speedSymbol" /> - <s:property
					value="wheelDetail.speed.velocity" />(km/h)</td>
			</tr>
		</tbody>
	</table>
	</div>
	<div id="frmTechnology"><s:property
		value="wheelDetail.typesOfWheel.technology" /></div>
	<div id="frmBenifit"><s:property
		value="wheelDetail.typesOfWheel.productBenifit" /></div>
</sj:tabbedpanel></div>
<div>
<s:url id="Manager_viewListProduct"
	value="/Manager_viewListProduct" /> <sj:a title="Danh sách nhân viên"
	id="lnkManager_viewListProduct" href="%{Manager_viewListProduct}"
	targets="container" button="true" buttonIcon="new"
	cssStyle=" margin-left:400px;">
	<span class="outer"><span>Trở về</span></span>
	</sj:a>
</div>
